<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>程序员常用样式</title>
		<style>
			.mydiv{
				width:300px;
				height:300px;
				background-color: blue;/*背景颜色*/
				color:white;/*文字颜色*/
				margin:0 auto;/*边距 居中对齐*/
				text-align: center;/*文字对齐方式，此处为居中对其*/
				}
			.uname{
		        width:400px;
				height:30px;
				border-radius: 5px;
				/*border:1px solid red ;*/   /*边框宽度1像素、实线、红色*/
				border:2px dotted black;/* dotted solid double*//*虚线 实线 双实线*//*颜色*/
				background-color:azure;
				
				}
			
		</style>
	</head>
	<body>
		<h1>背景样式</h1>
		<div class="mydiv">今天天气不错！</div>
		<input type="text" style ="background-color:red;"/>
		<h1>边框样式</h1>
			用户名<input type="text"class="uname">
		
	</body>
</html>